<script lang="ts" setup>
import { defineProps } from 'vue'
const props = defineProps({
  style: {
    type: Object,
    default: () => ({
      width: '16px',
      height: '16px',
    }),
  },
  icon: {
    type: String,
    required: true,
  },
  color: {
    type: String,
    default: () => '#eee',
  },
})
</script>

<template>
  <svg :style="props.style">
    <use :xlink:href="'#icon-' + props.icon" :fill="props.color"></use>
  </svg>
</template>
